/*
 * @Author       : liumour @3d3-Studio
 * @Date         : 2021-02-02 23:31:17
 * @LastEditTime : 2021-03-01 13:53:45
 * @----------------------------------
 * @FilePath     : \Pro_Ui\src\pages\manage\import_component\setp3.js
 * @Description  : 
 */

// 导入基础库
import React from 'react'
import { connect } from 'umi'
// 导入配置参数
import df from '../../../../config/dataFormat'
// 导入处理函数
// 导入UI组件
import { Button, Space,Table } from 'antd'
// 导入LESS样式
import styles from './setp.less'

const Setp = (props) => {
    // 初始化参数------------------------------------------------
    const { ui, table: tb, dispatch: dp } = props


    // 公共函数

    // 组件事件处理函数
    const save_data = () => {
        dp({ type: 'socketio/emit', payload: { type: 'save_profile', data: tb.foramt_data } })
        dp({ type: 'ui/save', payload: { loading: true } })
    }

    // 组件参数配置
    // 表格参数
    const table_props = {
        bordered: true,
        scroll: { x: tb.foramt_data.length * 150 + 500, y: 600 },
        size: 'small',
        loading: ui.loading,
        pagination: {
            show: true,
            showSizeChanger: false,
            pageSize: 200,
            total: tb.imp_data.length,
        },
        columns: df.table_cols,
        dataSource: tb.foramt_data
    }

    return (
        <div>
            <Space className={styles.btn}>

                <Button type="primary" disabled={tb.imp_data.length === 0 ? true : tb.data_op === "" ? true : false} onClick={save_data}>已完成检查，将数据录入到数据库</Button>
            </Space>
            <Table {...table_props} />
        </div>
    )
}

export default connect(
    ({ ui, table, socketio }) => ({ ui, table, socketio })
)(Setp)